<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<img src="1.jpg">
<form action="add" method="get">
    <fieldset>
        <legend>
            请完善数据
        </legend>
<!--        readonly 只读  disabled 不可编辑的
            当表单提交时，readonly修饰文本框，会将值提交服务器，而disabled不会-->
        姓名：<input type="text" name="name" value="1" readonly><br>
        小名：<input type="text" name="name" value="2" disabled><br>
<!--        placeholder提示框-->
        密码：<input type="password" name="pwd" placeholder="请输入密码"><br>
        年龄：<input type="number" name="age" max="40" min="20"><br>
        生日：<input type="date" name="date"><br>
<!-- 单选框name一致，互相排斥只能选一个，  表单提交时，会将选中项的value提交服务器     checked默认选-->
        性别:<input type="radio" name="sex" value="man" checked>男
        <input type="radio" name="sex" value="woman">女<br>
<!-- 多选框 当表单提交时，会将选中项的value提交服务器，为多个同名建值对-->
        爱好：<input type="checkbox" name="like" value="sport">体育
        <input type="checkbox" name="like" value="music" checked>音乐
        <input type="checkbox" name="like" value="draw">美术<br>
<!--        隐藏表单  -->
        <input type="hidden" name="id" value="1">
<!--        文件表单，将客户端本地文件，上传服务器-->
        头像:<input type="file" name="face"><br>
<!--        下拉框 如果option没有value属性，那么，标签内容为value属性值表单提交时，会将选中项的value提交服务器-->
        学历：<select name="edu">
        <option value="bk">本科</option>
        <option value="dz">大专</option>
        <option value="bs">博士</option>
    </select><br>
<!--        多行文本框-->
        简历：<textarea name="info" rows="10" cols="50"></textarea><br>
<!--        初始化表单数据-->
        <input type="reset">
<!--        命令按钮，主要用于响应js事件-->
        <input type="button" value="命令">
        <input type="submit" value="添加">
    </fieldset>
</form>
</body>
</html>